import * as CONST from 'common/const';
/**
 * Slider 组件可设置的属性
 * 基于 react-slick 的API配置
 * https://github.com/akiran/react-slick
 * https://github.com/akiran/react-slick/blob/6bae8b3737afda80d6c942f7e3993ae54f3642e5/src/default-props.js
 * @type {[*]}
 */
const CONFIG = [
  {
    key: 'width',
    val: CONST.PAGE_WIDTH,
    label: '宽',
    type: 'input',
    hideConfig: true,
  },
  {
    key: 'height',
    val: CONST.SLIDER_DEFAULT_HEIGHT,
    label: '高',
    type: 'input',
    hideConfig: true,
  },
  {
    key: 'top',
    val: 0,
    label: '上',
    type: 'input',
    hideConfig: true, // 不在设置界面展示
  },
  {
    key: 'left',
    val: 0,
    label: '左',
    type: 'input',
    hideConfig: true,
  },
  {
    key: 'rotate',
    val: 0,
    label: '旋转角度',
    type: 'range',
    min: 0,
    max: 360,
    hideConfig: true,
  },
  // config 设置属性
  {
    key: 'direction',
    val: 'across',
    label: '轮播方式',
    type: 'radio',
    options: [
      {
        label: '横向',
        value: 'across'
      },
      {
        label: '横向覆盖',
        value: 'acrossOverlay'
      },
      {
        label: '纵向',
        value: 'vertical'
      },
      {
        label: '纵向覆盖',
        value: 'verticalOverlay'
      }
    ],
  },
  {
    key: 'autoPlay',
    val: true,
    label: '自动播放',
    type: 'switch',
  },
  {
    key: 'speed',
    val: 500,
    label: '轮播速度',
    type: 'input',
    min: 0,
    unit: '毫秒',
  },
  {
    key: 'delay', // autoplaySpeed 打开自动播放才有效
    val: 3000,
    label: '间隔时间',
    type: 'input',
    min: 0,
    unit: '毫秒',
    desc: '自动播放的停留时间，需要打开自动播放才有效。',
  },
  // {
  //   key: 'infinite',
  //   val: true,
  //   label: '循环播放',
  //   type: 'switch',
  // },
  {
    key: 'arrow',
    val: false,
    label: '左右箭头',
    type: 'switch',
  },
  {
    key: 'dots',
    val: true,
    label: '圆点导航',
    type: 'switch',
  },
  {
    key: 'dragPlay',
    val: true,
    label: '滑动切换',
    type: 'switch',
  },
  // {
  //   key: 'centerMode',
  //   val: false,
  //   label: '中心模式',
  //   type: 'switch',
  // },
  // {
  //   key: 'effect',
  //   val: 'scrollx',
  //   label: '轮播效果',
  //   type: 'radio',
  //   options: [
  //     {
  //       label: '滚动',
  //       value: 'scrollx'
  //     },
  //     {
  //       label: '渐现',
  //       value: 'fade'
  //     }
  //   ],
  // },
  {
    key: 'easing',
    val: 'linear',
    label: '缓动效果',
    type: 'radio',
    options: [
      {
        label: '线性',
        value: 'linear'
      },
    ],
  },
];

export default CONFIG;
